<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车速递租车首页</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/pagehome.index.css">
    <script type="application/javascript" src="../js/jquery-3.3.1.js"></script>
    <script type="application/javascript" src="../js/bootstrap.min.js"></script>
    <script type="application/javascript" src="../layui/layui.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>


</head>
<body>
    <div id="app">
        <div data-v-67ef3a4a class="csdheader">
            <div data-v-67ef3a4a class="layout clear">
                <div data-v-67ef3a4a class="left csdnav">
                    <label data-v-67ef3a4a id="loginLobel" id="loginLobel">
                        <a data-v-67ef3a4a href="/pagehome/login.html" class="colorRed">登录</a>
                        <a data-v-67ef3a4a href="" class="colorRed">/</a>
                        <a data-v-67ef3a4a href="/pagehome/register.html" class="colorRed" style="margin-right: 10px;">注册</a>
                    </label>

                    <label data-v-67ef3a4a v-if="denglu" id="successLobel">
                        <a data-v-67ef3a4a href="#">你好，</a>
                        <a data-v-67ef3a4a href="#" class="colorRed" id="userName">/</a>
                        <a data-v-67ef3a4a href="index.html" class="colorRed" style="margin-right: 10px;" onclick="exitLogin()" id="exitLogin">[退出]</a>
                    </label>

                    <a data-v-67ef3a4a="" href="#mobileZuChe">手机租车</a>
                    <a data-v-67ef3a4a="" href="helpCenter.html">帮助中心</a>
                </div>
                <div data-v-67ef3a4a="" class="right phone">
                    <div data-v-67ef3a4a="" class="typeTab">
                        <a data-v-67ef3a4a="" href="index.html" style="color: rgb(199, 0, 11);">中文</a>&nbsp;/&nbsp;
                        <a data-v-67ef3a4a="" href="../en/index.html">English</a>
                    </div>
                    <div data-v-67ef3a4a="" class="menu">
                        <a data-v-67ef3a4a="" href="/mymain/mymain.html">我的车速递</a>
                    </div>
                    <div data-v-67ef3a4a="">
                        <i class="layui-icon layui-icon-cellphone" style="font-size:14px;  color:#c6000f;"></i>
                        <span data-v-67ef3a4a="" id="telSpan">400-919-8000</span>
                    </div>
                </div>
            </div>
        </div>

        <div data-v-39f7f629 class="csdnav">
            <div data-v-39f7f629="" class="layout clear">
                <div data-v-39f7f629="" class="left logo">
                    <a data-v-39f7f629="" href="index.html">
                        <img data-v-39f7f629="" src="">
                    </a>
                </div>
                <div data-v-39f7f629="" class="left navCom">
                    <ul data-v-39f7f629="">
                        <li data-v-39f7f629="" >
                            <a data-v-39f7f629="" href="https://www.chesudi.com/module/activity.html" target="_self" >优惠活动</a>
                        </li>

                        <li data-v-39f7f629="">
                            <a data-v-39f7f629="" href="https://www.chesudi.com/module/joinWork.html" target="_blank" class="">加盟合作</a>
                        </li>
                        <li data-v-39f7f629="">
                            <a data-v-39f7f629="" href="https://www.chesudi.com/module/netCar.html" target="_blank" class="">网约车</a>
                        </li>
                        <li data-v-39f7f629="">
                            <a data-v-39f7f629="" href="https://www.chesudi.com/module/longRent.html" target="_blank" class="">企业长租</a>
                        </li>
                        <li data-v-39f7f629="">
                            <a data-v-39f7f629="" href="../shortRent/shortrent.html" target="_self" class="">短租自驾</a>
                        </li>
                        <li data-v-39f7f629="">
                            <a data-v-39f7f629="" href="index.html" target="_self" class="colorRed">
                                <span data-v-39f7f629="">首页</span></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="el_carousel">
                <div class="layui-carousel" id="test1">
                    <div carousel-item>
                        <div class="el-carousel__item">
                            <a target="_blank" href="https://www.chesudi.com/activity/dynamic/newUserActivity/index.html" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/b8e51e417ef329a28d1f23dcdbf7ee1.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/b8e51e417ef329a28d1f23dcdbf7ee1.jpg" class="imgs"></a>
                        </div>
                        <div class="el-carousel__item">
                            <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=summer&amp;num=2" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/1456f1ebc5f95ffec6e82c268d969a.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/1456f1ebc5f95ffec6e82c268d969a.jpg" class="imgs"></a>
                        </div>
                        <div class="el-carousel__item">
                            <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=szSpring&amp;num=3" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/a6c238788168d2b19be377652a64b2.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/a6c238788168d2b19be377652a64b2.jpg" class="imgs"></a>
                        </div>
                        <div class="el-carousel__item">
                            <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=cityFolo&amp;num=3" class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/85f2b3ee429949f8166a50453baf3821.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/85f2b3ee429949f8166a50453baf3821.jpg" class="imgs"></a>
                        </div>
                        <div class="el-carousel__item">
                            <a target="_blank" href="https://www.chesudi.com/activity/static/index.html?id=rechargeShare&amp;num=4 " class="banner" style="background: url(&quot;https://web-api.chesudi.com/img/ActivityBanner/41e0dcc07c0cc4613493eeaaa4f3818.jpg&quot;) center center no-repeat;"><img src="https://web-api.chesudi.com/img/ActivityBanner/41e0dcc07c0cc4613493eeaaa4f3818.jpg" class="imgs"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="services">
            <div class="layout">
                <div class="title clear">
                    <div class="titleBorder titleBorder1 left"></div>
                    <div class="tit left">专业服务</div>
                    <div class="titleBorder titleBorder2 left"></div>
                </div>
                <div class="serviceCon clear">
                    <dl>
                        <dt>
                            <img src="https://www.chesudi.com/static/img/services1.9277539.png" class="imgss">
                        </dt>
                        <dd class="bgRed">
                            <h1>短租自驾</h1>
                            <ul>
                                <li>● &nbsp;全国连锁、数百余种车型满足您出行的需求</li>
                                <li>● &nbsp;手续便捷，安全有保障</li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="https://www.chesudi.com/static/img/services2.9d93747.png" class="imgss">
                        </dt>
                    <dd class="bgBlack">
                    <h1>企业长租</h1>
                        <ul>
                            <li>● &nbsp;专属制定企业用车方案</li>
                            <li>● &nbsp;省去车辆维修管理的繁琐业务，"0"负担用车</li>
                        </ul>
                    </dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="https://www.chesudi.com/static/img/services3.9567579.png" class="imgss">
                        </dt>
                        <dd class="bgRed">
                        <h1>网约车</h1>
                            <ul>
                                <li>● &nbsp;合法运营，收入稳定</li>
                                <li>● &nbsp;车源丰富，多种金融方案支持</li>
                            </ul>
                        </dd>
                    </dl>
                    <dl class="last">
                        <dt>
                            <img src="https://www.chesudi.com/static/img/services4.0a1ca99.png" class="imgss">
                        </dt>
                        <dd class="bgBlack">
                            <h1>我要买车</h1>
                            <ul>
                                <li>● &nbsp;全新车、准新车一站式销售平台</li>
                                <li>● &nbsp;多品牌渠道特供，支持闪电购车</li>
                            </ul>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>

        <div class="recomend">
            <div class="layout">
                <div class="title clear">
                    <div class="titleBorder titleBorder1 left"></div>
                    <div class="tit left">推荐车型</div>
                    <div class="titleBorder titleBorder2 left"></div>
                </div>

                <div class="recomendCon clear">
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title" style="font-size: 20px;">
                        <li class="layui-this" style="font-size: 20px; color: #000;">短租自驾</li>
                        <li style="font-size: 20px; color: #000;">企业长租</li>
                    </ul>
                    <div class="layui-tab-content" style="width:1200px; height:524px;">
                        <div class="layui-tab-item layui-show">
                            <div class="item carItemBig">
                                <img src="https://www.chesudi.com/static/img/ricanxuanyiDZ.5a39d59.png" onMouseOver="this.src='../images/richan.png'" onmouseout="this.src='https://www.chesudi.com/static/img/ricanxuanyiDZ.5a39d59.png'">
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/bentianDZ.16f9310.png"  onMouseOver="this.src='../images/bentian.png'" onmouseout="this.src='https://www.chesudi.com/static/img/bentianDZ.16f9310.png'">

                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/biekeDZ-L8.573ed0f.png"  onMouseOver="this.src='../images/sma.png'" onmouseout="this.src='https://www.chesudi.com/static/img/biekeDZ-L8.573ed0f.png'">

                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/smartDZ.d4ceb60.png"  onMouseOver="this.src='../images/bieke.png'" onmouseout="this.src='https://www.chesudi.com/static/img/smartDZ.d4ceb60.png'">

                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/biekekaiyueDZ.b38a546.png"  onMouseOver="this.src='../images/kaiyue.png'" onmouseout="this.src='https://www.chesudi.com/static/img/biekekaiyueDZ.b38a546.png'">
                            </div>

                        </div>
                        <div class="layui-tab-item">
                            <div class="item carItemBig">
                                <img src="https://www.chesudi.com/static/img/teshilaCZ.2d7ec0b.png">
                                <div class="carTit">特斯拉</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/lingteCZ.31f0bf6.png">
                                <div class="carTit">奔驰凌特</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/beikeGL8shouxiCZ.552c1eb.png">
                                <div class="carTit">别克GL8</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/A6CZ.1420b27.png">
                                <div class="carTit">奥迪A6</div>
                            </div>
                            <div class="item carItemSmall">
                                <img src="https://www.chesudi.com/static/img/pashateCZ.ed0be37.png">
                                <div class="carTit">大众帕萨特</div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>

        <div class="newFlash">
            <div class="layout">
                <div class="title clear">
                    <div class="titleBorder titleBorder1 left"></div>
                    <div class="tit left">速递快讯</div>
                    <div class="titleBorder titleBorder2 left"></div>
                </div>
                <div class="newFlashCon clear">
                    <div class="flashItem left">
                        <div class="newImg">
                            <img src="https://www.chesudi.com/static/img/newFlash1.fc678e0.png">
                        </div> <div class="newContent">
                        <div>巴州汽车客运总站送车点、康城建国国际酒店服务点...</div>
                        <a href="news.html?newsId=2550">查看更多</a>
                        <span class="iconfont icon-sanjiaoxing"></span>
                    </div>
                        <div class="newPlace">新疆新增门店</div>
                    </div><div class="flashItem left">
                    <div class="newImg">
                        <img src="https://www.chesudi.com/static/img/newFlash2.ec88fdf.png">
                    </div>
                    <div class="newContent">
                        <div>新汇嘉时代广场送车点、梨城花园酒店送车点...</div>
                        <a href="news.html?newsId=2549">查看更多</a>
                        <span class="iconfont icon-sanjiaoxing"></span>
                    </div>
                    <div class="newPlace">新疆新增服务点</div>
                </div>
                    <div class="flashItem left">
                        <div class="newImg">
                            <img src="https://www.chesudi.com/static/img/newFlash3.0b6791f.png">
                        </div>
                        <div class="newContent">
                            <div>普宁机场服务点、承德高铁南站服务点...</div>
                            <a href="news.html?newsId=2548">查看更多</a>
                            <span class="iconfont icon-sanjiaoxing"></span>
                        </div>
                        <div class="newPlace">承德新增服务点</div>
                    </div>
                </div>
                <div class="flashMore">
                    <a href="news.html">更多&nbsp;<span class="iconfont icon-jiantou"></span></a>
                </div>
            </div>
        </div>
        <div data-v-01e628ca="" class="csdfooter">
            <div data-v-01e628ca="" class="foot1">
                <div data-v-01e628ca="" class="layout clear">
                    <div data-v-01e628ca="" class="left footLogo">
                        <img data-v-01e628ca="" src="">
                    </div>
                    <div data-v-01e628ca="" class="left footNav">
                        <ul data-v-01e628ca="" class="left">
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=0">预定指南</a>
                            </li>
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=0">模拟租车</a>
                            </li>
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=1&amp;item=6">订单变更</a>
                            </li>
                        </ul>
                        <ul data-v-01e628ca="" class="left">
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=2">费用说明</a>
                            </li>
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=2&amp;item=8">违章处理</a>
                            </li>
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=2&amp;item=9">车损处理</a>
                            </li>
                        </ul>
                        <ul data-v-01e628ca="" class="left">
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=3">取车流程</a>
                            </li>
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=0&amp;item=4">还车流程</a>
                            </li>
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="helpCenter.html?nav=1&amp;item=7">续租/提前还车</a>
                            </li>
                        </ul>
                        <ul data-v-01e628ca="" class="left">
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="about.html">关于我们</a>
                            </li>
                            <li data-v-01e628ca="">
                                <a data-v-01e628ca="" href="about.html">联系我们</a>
                            </li> <li data-v-01e628ca="">
                            <a data-v-01e628ca="" target="_blank" href="http://search.51job.com/list/co,c,2264765,0000,10,1.html">诚聘英才</a>
                        </li></ul></div> <div data-v-01e628ca="" id="mobileZuChe" class="left footCode">
                    <div data-v-01e628ca="" class="left codeItem">
                        <div data-v-01e628ca="">
                            <img data-v-01e628ca="" src="https://www.chesudi.com/static/img/QRcode-Wechat.76b8a01.jpg">
                        </div>
                        <p data-v-01e628ca="">关注微信</p>
                    </div>
                    <div data-v-01e628ca="" class="left codeItem">
                        <div data-v-01e628ca="">
                            <img data-v-01e628ca="" src="https://www.chesudi.com/static/img/QRcode-Wap.cbba40b.jpg">
                        </div>
                        <p data-v-01e628ca="">手机版预定</p>
                    </div>
                    <div data-v-01e628ca="" class="left codeItem">
                        <div data-v-01e628ca="">
                            <img data-v-01e628ca="" src="https://www.chesudi.com/static/img/QRcode-app.11111eb.jpg">
                        </div>
                        <p data-v-01e628ca="">APP下载</p>
                    </div>
                </div>
                </div>
            </div>
            <div data-v-01e628ca="" class="foot2">
                <div data-v-01e628ca="" class="layout">
                    <div data-v-01e628ca="" class="item">上海车速递汽车租赁有限公司（总公司）杭州/深圳/广州/成都/武汉/苏州/佛山（分公司）</div>
                    <div data-v-01e628ca="" class="item">?2009-2018 Chesudi.com 上海车速递汽车租赁有限公司 All Rights Reserved. 沪ICP备09082566号  </div>
                    <div data-v-01e628ca="" class="item">
                        <a data-v-01e628ca="" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010502003185" target="_blank">
                            <img data-v-01e628ca="" src="../static/img/gongan.d0289dc.png">沪公网安备 31010502003185号</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var storage = window.sessionStorage;

        layui.use(['jquery', 'table', 'layer', 'form','carousel'], function () {
            // 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节
            var $ = layui.$;
            var layer = layui.layer;
            var carousel = layui.carousel;

            //建造实例
            carousel.render({
                elem: '#test1'
                ,width: '100%' //设置容器宽度
                ,height: '600px'
                ,arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });

            var item = storage.getItem('user');
            var user = JSON.parse(item);
            if (user != null) {
                $("#userName").text(user.name);
                $("#telSpan").text(user.tel);
                $("#loginLobel").hide();
            } else {
                $("#successLobel").hide();
            }

        });

        function exitLogin(){
            storage.setItem('user', null);
        }
    </script>

</body>
</html>